<template>
<div class="box">
  <el-tooltip class="item" placement="bottom" effect="light">
    <div slot="content">{{ text}}</div>
    <el-button>{{ item }}</el-button>
  </el-tooltip>
</div>
</template>

<script>
export default {
  name: "DYTooltip",
  props: {
    texts:'',
    item:'',
  },
  data() {
    return{
      itemdata:'',
    }
  },
  mounted() {
    this.itemdata = this.texts;

  }
}
</script>

<style scoped lang="scss">
.box {
  width: 400px;
  .item {
    border: 0px;
    padding: 0px;
    margin: 0px;
    font-size: larger;
    color: #FFFFFF;
    background-color: rgba(193, 214, 234, 0.06);
  }
}

</style>
